import { mapMutations, mapState } from 'vuex'
import { Toast } from 'vant'
export default {
  methods: {
    isInCart (sku) {
      // 判断购物车中是否包含 要添加的商品
      const index = this.cartItems.findIndex(item => item.id === sku.id)
      return index
    },
    _addCart (sku) {
      // 加入购物车 mutation
      // 加入购物车之前 判断购物车中 是否已包含该商品
      if (this.isInCart(sku) === -1) {
        // 购物车中没有该商品 可以直接添加
        this.add_cart(sku)
        Toast('添加成功,快去购物车买回家吧')
      } else {
        // 购物车中已经有了该商品
        Toast('购物车中已经有该商品请勿重复添加')
      }
    },
    ...mapMutations('cart', ['add_cart'])
  },
  computed: {
    ...mapState({
      cartItems: state => state.cart.cart.items
    })
  }
}
